<style type="text/css">
    #content .title{
        font-size: 30px;
        font-weight: bold;
        margin: 10px 0px;
    }
    #content .description{
        margin-top: 10px
    }
    #slider{
        overflow: hidden;
        position: relative;
        padding: 10px 115px;
        background: #ddd;
        width: 600px;
        height: 400px;
        border-radius: 10px;
    }
    #slider img{
        width: 600px;
        height: 400px;
    }
    #video{
        padding: 10px 115px;
        background: #ddd;
        border-radius: 10px;
        margin-top: 10px;
    }
    #slider a{
        position: absolute;
        top :0;
        left: 0;
        padding: 10px 115px;
        display: block;
    }
    .addthis_toolbox a{
        display: inline-block;
    }
    .addthis_toolbox{
        float: right;
        width: 250px !important;
    }
</style>
<script type="text/javascript">
    $(document).ready(function(){
        ///// Slideshow tam
        $("#slider a").hide();
        $("#slider a:first").show();
        $("#slider a").each(function(){
            $(this).bind('click', function(){
               return false; 
            });
        })
        setInterval(function(){
            $("#slider a:first").fadeOut(500).next("a").fadeIn(500).end().appendTo("#slider");
        }, 5000);
        <?php if($content['Content']['videos']){ ?>
            source = '<?=$content['Content']['videos']?>';//http://www.youtube.com/watch?v=atCfTRMyjGU
            //alert(source);
            id = source.split("=");
            id_video = id[1];
            //alert(id_video);
            if(id_video != undefined){
                html = "<iframe width=\"560\" height=\"315\" src=\"http://www.youtube.com/embed/"+id_video+"\" frameborder=\"0\" allowfullscreen></iframe>";
                $('#video').html(html);  
            }else{
                $('#video').remove();
            }
        <?php }else{ ?>
            $('#video').remove();
        <?php } ?>
    }); 
</script>
<div id="content-outer">
    <div id="content" style="background: none;color: #FFFFFF">
        <div class="title"><?=$content['Content']['title']?>
                <!-- AddThis Button BEGIN -->
        <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
        <a class="addthis_button_preferred_1"></a>
        <a class="addthis_button_preferred_2"></a>
        <a class="addthis_button_preferred_3"></a>
        <a class="addthis_button_preferred_4"></a>
        <a class="addthis_button_compact"></a>
        <a class="addthis_counter addthis_bubble_style"></a>
        </div>
        <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
        <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-505e9fab40b8ba0b"></script>
        <!-- AddThis Button END -->
        </div>
        <?php if(!empty($images)){?>
        <div id="slider">
            <?php
                foreach($images as $image){
                    echo $this->Html->link($this->Html->image("contents/{$image['ContentImage']['image']}"),'#',array('escape'=>false));
                }?>
        </div>
        <?php }  ?>
        <div id="video"></div>
        <div class="description"><?=$content['Content']['description']?></div>
        <div class="clear">&nbsp;</div>
        
    </div>
</div>